<template>
    <footer>
        <div>Powered by <span @click="onClick">杭州龙席网络科技股份有限公司</span> 2012 - 2017,loonxi. ICP--123,V2.0</div>
    </footer>
</template>

<script>
	import Vue from 'vue'
	
	export default {
		data () {
			return {
				
			}
		},
		methods: {
			onClick(){
				window.open("http://www.loonxi.com/");
			}
		}
	}
</script>

<style scoped lang="scss">
    footer {
        position: fixed;
        bottom: 0;
        margin: 0 auto;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 50px;
        z-index: 100;
        line-height: 50px;
        text-align: center;
        font-size: 12px;
        background: #F5F5F5;
    span {
        color: #113699;
        cursor: pointer;
    }
    }
</style>